<template>
	<view>
		<u-popup :show="show" mode="center" bgColor="transparent" @close="close" @open="open">
			<view class="dingweis" @click="onguanbi">
			</view>
			<view class="fulis_tc">
				<view class="tc_tops">
					福利中心
				</view>
				<view class="tc_btms">

				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
export default {
	props: ['show'],
	data() {
		return {
			show: false
		}
	},

	methods: {
		onguanbi() {
			this.show = false
		},
		open() {
			// this.show=true
			// console.log('open');
		},
		close() {
			this.show = false
			// console.log('close');
		}
	}
}
</script>

<style lang="scss">
.fulis_tc {
	width: 600rpx;
	height: 800rpx;
	background: url("https://img.jingkakeji.com/img/static/xiaotan.png");
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 333;
}

.tc_tops {
	width: 100%;
	height: 100rpx;
	text-align: center;
	line-height: 100rpx;
	font-size: 38rpx;
	color: #ffffff;
}

.tc_btms {
	width: 100%;
	height: 700rpx;
}

.dingweis {
	position: absolute;
	width: 50rpx;
	height: 50rpx;
	background: url("https://img.jingkakeji.com/img/static/lianhew.png");
	background-repeat: no-repeat;
	background-size: contain;
	// background-color: aqua;
	right: 20rpx;
	top: 20rpx;
}
</style>